@charset "UTF-8";
*{padding:0;margin:0}
html,body,div{
    font:normal normal 13px/24px SimSun,MicroSoft YaHei;
    color:#333;
}
html,body{
    height:100%;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
ul,li,ol,dl,dt,dd{
    list-style:none;
    margin:0;
    padding:0;
}
header,nav,section,article,footer,aside{
    display:block;
}
.clearfix{
    zoom:1;
}
.clearfix:after{
    display:block;
    content:"";
    overflow:hidden;
    clear:both;
}

.wrapper{
    margin:0 auto;
    height:100%;
}
.pic{
    position:relative;
    width:1440px;
    height:436px;
    overflow:hidden;
    border:1px #ddd solid;
    margin:10px;
}
.pic .sildebar{
    width:100%;
    position:absolute;
    top:0;
}
.pic .sildebar li{
    float:left;
    overflow:hidden;
}
img{border:none;}
.focusBox {
    position: absolute;
    bottom: 20px;
    width: 120px;
    left: 50%;
    margin-left: -60px;
}
.focusBox li{
    float:left;
    margin-right:10px;
    width:10px;
    height:10px;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
}
.focusBox li.cur{
    background:#f60;
    opacity:0.6;
    filter:alpha(opacity=60);
}
.btn-focus{
    position:absolute;
    display:block;
    width:60px;
    height:30px;
    background-color:#000;
    opacity:0;
    filter:alpha(opacity=0);
    text-align: center;
    color:#fff;
    line-height:30px;
    text-decoration:none;
}
.prev{
    left:2px;
    top:50%;
}
.next{
    right:2px;
    top:50%;
}